
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绝对定位应用实例-未定位</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        body {
            margin: 50px;
        }

        #father {
            background-color: #FF9966;
            border: 1px dashed #000000;
            padding: 0px;
            width: 80%;
            height: 200px;
        }

        #block1 {
            background-color: lightyellow;
            border: 1px dashed #000000;
            padding: 100px;
            left: 0px;
            top: 0px;
            float: left;
            height: 700px;
            text-align: center;
            position: relative;
        }
        #hrefblock {
            position: absolute;
            left: 70px;
            top: 300px;
            display: inline-block;
            vertical-align: middle;
            background-color: yellow;
        }

        #block2 {
            background-color: yellowgreen;
            border: 1px dashed #000000;
            height: 900px;
            padding: 0px;
            left: 200px;
            top: 0px;

            position: relative;
            width: 1280px;
        }
        #frameblock{
            position: absolute;
            left: 100px;
            background-color: #fff0ac;
            float: left;
        }
        [title] {
            height:60px;
            border: 2px dashed #f69c55;
        }
        .center-text {
            text-align: center;
        }
    </style>

</head>

<body>

<div title="李洵楷的课表" class="center-text">
    李洵楷的课表
</div>



<div id="block1">
    <div id="hrefblock" class="center-block">
        <a href="timeTable/all.html" target="iframe_all">全周&nbsp;&nbsp; <br></a><a href="timeTable/Monday.html" target="iframe_all">星期一&nbsp;&nbsp; <br></a>
        <a href="timeTable/Tuesday.html" target="iframe_all">星期二&nbsp;&nbsp; <br></a><a href="timeTable/Wednesday.html" target="iframe_all">星期三&nbsp;&nbsp; <br></a>
        <a href="timeTable/Thursday.html" target="iframe_all">星期四&nbsp;&nbsp; <br></a><a href="timeTable/Friday.html" target="iframe_all">星期五&nbsp;&nbsp; <br></a>
        <a href="timeTable/Saturday.html" target="iframe_all">星期六&nbsp;&nbsp; <br></a><a href="timeTable/Sunday.html" target="iframe_all">星期日&nbsp;&nbsp; <br></a>
    </div>
</div>

<div id="block2">
    <div id="frameblock">
        <iframe src="timeTable/all.html" name="iframe_all" width="900" height="900"></iframe>
    </div>
</div>


</body>
</html>